:root {
    --color-white: #ffffff;
    --color-main: #31b099;
    --color-main-hover: #23978d;
    --color-header-main: #1d2634;
    --color-login-bg: #187d7e;
    --color-black: #000000;
    --color-head-bg: #1c2634;
    --color-trade: #4d81e7;
    --color-focus-input: #4d81e7;
    --color-text: #1a1c1e;
    --color-text-grey: #a2a6aa;
    --color-text-dark-grey: #6c7278;
    --color-text-light-grey: #acb5bb;
    --color-text-white: #dce4e8;
    --color-red: #be3f4a;
    --color-gray-bg: #f4f4f7;
    --color-55: #edf1f3;
    --color-pending-bg: #fbf4e4;
    --color-pending: #dbaa00;
    --color-red-light: #f2e7e7;
    --color-warning: #e7854d;
    --color-status: #1c8c6e;
    --color-swith-input: #34b67f;
    --color-icon: #5fcfb0;
    --placeholder-text: #b8b8b8;
    --chat-header-background: #F7F8F8;
    --chat-buttons-background: #016fff;
    --chat-background: #ededf1;
    --message-bg: #D7D9E0;
    --message-bg-from: #016fff;
    --message-text: #333;
    --message-text-from: #ffffff;
    --message-text-red: #fa688c;
    --chat-header-background--dark: #484C5C;
    --chat-background--dark: #2f313b;
    --message-bg--dark: #484C5C;
    --message-text--dark: #ffffff;
    --color-card-bg: #ffffff;
    --color-page-title-active: #ffffff;
    --color-page-title: #a2a6aa;
    --color-page-title-hover: #ffffff;
    --color-table-header-bg: #edf1f3;
    --color-header-button-active-bg: #2d3643;
    --trade-bg: #ffffff;
    --trade-text: #18214D;
    --trade-text-gray: #4a4a4a;
    --trage-blue: #007bff;
    --trage-blue-dark: #18214d;
    --trage-white: #fff;
    --trage-dark-gray: #4f5966;
    --trage-white2: #fff;
    --trage-table-head: #758696;
    --trage-border: #e0e3eb;
    --trage-border-dark: #2a2e39;
    --trage-border-2: #f0f3fa;
    --trage-bg: #F5F9FC;
    --trage-bg-dark: #1c2030;
    --trage-bg-dark-bold: #131722;
}